useEffect hooks
マウント時・アンマウント時の処理、依存配列にある特定の値変更を検知して特定の処理実行など
→機能を別のコンポーネントで再利用しやすい
React コンポーネントの内部から、外部データの取得や購読 (subscription)、あるいは手動での DOM 更新を行ったことがおありでしょう。
これらの操作は他のコンポーネントに影響することがあり、またレンダーの最中に実行することができない
このような操作を、副作用 (side-effects)“、あるいは省略して “作用 (effects)”
→外部やDOMに影響を与えるようなものに使う?